<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wowy - HTML eCommerce + Admin Template</title>
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta property="og:title" content="" />
        <meta property="og:type" content="" />
        <meta property="og:url" content="" />
        <meta property="og:image" content="" />
        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="/static/imgs/theme/favico.svg" />
        <!-- Template CSS -->
        <link rel="stylesheet" href="/static/css/main.css?v=5.4" />
    </head>

    <body>
        <header class="header-area header-style-5">
            <div class="header-top header-top-ptb-1 d-none d-lg-block">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-3 col-lg-4">
                            <div class="header-info">
                                <ul>
                                    <li><a href="#">(+01) - 2345 - 6789</a></li>
                                    <li><i class="fa fa-map-marker-alt mr-5"></i><a target="_blank" href="page-location.html">Our location</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-4">
                            <div class="text-center">
                                <div id="news-flash" class="d-inline-block">
                                    <ul>
                                        <li><i class="fa fa-angle-double-right mr-5"></i> Get great devices up to 50% off <a class="active" href="/shop/right">View details</a></li>
                                        <li><i class="fa fa-asterisk mr-5"></i><b class="text-brand">Supper Value Deals</b> - Save more with coupons</li>
                                        <li><i class="fa fa-bell mr-5"></i> <b class="text-success"> Trendy 25</b> silver jewelry, save up 35% off today <a href="/shop/right">Shop now</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4">
                            <div class="header-info header-info-right">
                                <ul>
                                    <li>
                                        <a class="language-dropdown-active" href="#"> <i class="fa fa-globe-americas"></i> English <i class="fa fa-chevron-down"></i></a>
                                        <ul class="language-dropdown">
                                            <li><a href="#">Français</a></li>
                                            <li><a href="#">Deutsch</a></li>
                                            <li><a href="#">РУССКИЙ</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="/auth">Log In / Sign Up</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom sticky-bar sticky-white-bg">
                <div class="container">
                    <div class="header-wrap header-space-between position-relative">
                        <div class="logo logo-width-1">
                            <a href="/"><img src="/static/imgs/theme/logo-default.png" alt="logo" /></a>
                        </div>
                        <div class="main-menu main-menu-grow main-menu-padding-1 main-menu-lh-1 main-menu-mrg-1 hm3-menu-padding d-none d-lg-block hover-boder">
                            <nav>
                                <ul>
                                    <li>
                                        <a class="active" href="/">Home <i class="fa fa-chevron-down"></i></a>
                                        <ul class="sub-menu">
                                            <li><a href="/">Home 1</a></li>
                                            <li><a href="index-2.html">Home 2</a></li>
                                            <li><a href="index-3.html">Home 3</a></li>
                                            <li><a href="index-4.html">Home 4</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/shop/right">Shop <i class="fa fa-chevron-down"></i></a>
                                        <ul class="sub-menu">
                                            <li><a href="/shop/right">Shop Grid – Right Sidebar</a></li>
                                            <li><a href="/shop/left">Shop Grid – Left Sidebar</a></li>
                                            <li><a href="/shop/listRight">Shop List – Right Sidebar</a></li>
                                            <li><a href="/shop/listLeft">Shop List – Left Sidebar</a></li>
                                            <li><a href="/shop">Shop - Wide</a></li>
                                            <li>
                                                <a href="#">Single Product <i class="fa fa-chevron-right"></i></a>
                                                <ul class="level-menu">
                                                    <li><a href="/product/right">Product – Right Sidebar</a></li>
                                                    <li><a href="/product/left">Product – Left Sidebar</a></li>
                                                    <li><a href="/product">Product – No sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="/filter">Shop – Filter</a></li>
                                            <li><a href="/wishlist">Shop – Wishlist</a></li>
                                            <li><a href="/cart">Shop – Cart</a></li>
                                            <li><a href="/checkout">Shop – Checkout</a></li>
                                            <li><a href="/compare">Shop – Compare</a></li>
                                        </ul>
                                    </li>
                                    <li class="position-static">
                                        <a href="#">Mega <i class="fa fa-chevron-down"></i></a>
                                        <ul class="mega-menu">
                                            <li class="sub-mega-menu sub-mega-menu-width-22">
                                                <a class="menu-title" href="#">Women's Fashion</a>
                                                <ul>
                                                    <li><a href="/product/right">Dresses</a></li>
                                                    <li><a href="/product/right">Blouses & Shirts</a></li>
                                                    <li><a href="/product/right">Hoodies & Sweatshirts</a></li>
                                                    <li><a href="/product/right">Wedding Dresses</a></li>
                                                    <li><a href="/product/right">Prom Dresses</a></li>
                                                    <li><a href="/product/right">Cosplay Costumes</a></li>
                                                </ul>
                                            </li>
                                            <li class="sub-mega-menu sub-mega-menu-width-22">
                                                <a class="menu-title" href="#">Men's Fashion</a>
                                                <ul>
                                                    <li><a href="/product/right">Jackets</a></li>
                                                    <li><a href="/product/right">Casual Faux Leather</a></li>
                                                    <li><a href="/product/right">Genuine Leather</a></li>
                                                    <li><a href="/product/right">Casual Pants</a></li>
                                                    <li><a href="/product/right">Sweatpants</a></li>
                                                    <li><a href="/product/right">Harem Pants</a></li>
                                                </ul>
                                            </li>
                                            <li class="sub-mega-menu sub-mega-menu-width-22">
                                                <a class="menu-title" href="#">Technology</a>
                                                <ul>
                                                    <li><a href="/product/right">Gaming Laptops</a></li>
                                                    <li><a href="/product/right">Ultraslim Laptops</a></li>
                                                    <li><a href="/product/right">Tablets</a></li>
                                                    <li><a href="/product/right">Laptop Accessories</a></li>
                                                    <li><a href="/product/right">Tablet Accessories</a></li>
                                                </ul>
                                            </li>
                                            <li class="sub-mega-menu sub-mega-menu-width-34">
                                                <div class="menu-banner-wrap">
                                                    <a href="/product/right"><img src="/static/imgs/banner/menu-banner.jpg" alt="wowy" /></a>
                                                    <div class="menu-banner-content">
                                                        <h4>Hot deals</h4>
                                                        <h3>
                                                            Don't miss<br />
                                                            Trending
                                                        </h3>
                                                        <div class="menu-banner-price">
                                                            <span class="new-price text-success">Save to 50%</span>
                                                        </div>
                                                        <div class="menu-banner-btn">
                                                            <a href="/product/right">Shop now</a>
                                                        </div>
                                                    </div>
                                                    <div class="menu-banner-discount">
                                                        <h3>
                                                            <span>35%</span>
                                                            off
                                                        </h3>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/blog/grid">Blog <i class="fa fa-chevron-down"></i></a>
                                        <ul class="sub-menu">
                                            <li><a href="/blog/grid">Blog Category Grid</a></li>
                                            <li><a href="/blog/list">Blog Category List</a></li>
                                            <li><a href="/blog/big">Blog Category Big</a></li>
                                            <li><a href="/category">Blog Category Wide</a></li>
                                            <li>
                                                <a href="#">Single Post <i class="fa fa-chevron-right"></i></a>
                                                <ul class="level-menu level-menu-modify">
                                                    <li><a href="/post/left">Left Sidebar</a></li>
                                                    <li><a href="/post/right">Right Sidebar</a></li>
                                                    <li><a href="/post">No Sidebar</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Pages <i class="fa fa-chevron-down"></i></a>
                                        <ul class="sub-menu">
                                            <li><a href="/about">About Us</a></li>
                                            <li><a href="/contact">Contact</a></li>
                                            <li><a href="/account">My Account</a></li>
                                            <li><a href="/auth">login/register</a></li>
                                            <li><a href="/purchaseGuide">Purchase Guide</a></li>
                                            <li><a href="/privacyPolicy">Privacy Policy</a></li>
                                            <li><a href="/terms">Terms of Service</a></li>
                                            <li><a href="/error">404 Page</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/contact">Contact</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="header-action-right">
                            <div class="search-style-2">
                                <form action="#">
                                    <select class="select-active">
                                        <option>Search in</option>
                                        <option>Women's Clothing</option>
                                        <option>Men's Clothing</option>
                                        <option>Cellphones</option>
                                        <option>Computer & Office</option>
                                        <option>Consumer Electronics</option>
                                        <option>Jewelry & Accessories</option>
                                        <option>Home & Garden</option>
                                        <option>Luggage & Bags</option>
                                        <option>Shoes</option>
                                        <option>Mother & Kids</option>
                                    </select>
                                    <input type="text" placeholder="Search for items…" />
                                    <button type="submit"><i class="far fa-search"></i></button>
                                </form>
                            </div>
                            <div class="header-action-2">
                                <div class="header-action-icon-2">
                                    <a href="/wishlist">
                                        <img class="svgInject" alt="wowy" src="/static/imgs/theme/icons/icon-heart.svg" />
                                        <span class="pro-count blue">4</span>
                                    </a>
                                </div>
                                <div class="header-action-icon-2">
                                    <a class="mini-cart-icon" href="/cart">
                                        <img alt="wowy" src="/static/imgs/theme/icons/icon-cart.svg" />
                                        <span class="pro-count blue">2</span>
                                    </a>
                                    <div class="cart-dropdown-wrap cart-dropdown-hm2">
                                        <ul>
                                            <li>
                                                <div class="shopping-cart-img">
                                                    <a href="/product/right"><img alt="wowy" src="/static/imgs/shop/thumbnail-3.jpg" /></a>
                                                </div>
                                                <div class="shopping-cart-title">
                                                    <h4><a href="/product/right">Apple Watch Serial 7</a></h4>
                                                    <h3><span>1 × </span>$800.00</h3>
                                                </div>
                                                <div class="shopping-cart-delete">
                                                    <a href="#"><i class="far fa-times"></i></a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="shopping-cart-img">
                                                    <a href="/product/right"><img alt="wowy" src="/static/imgs/shop/thumbnail-1.jpg" /></a>
                                                </div>
                                                <div class="shopping-cart-title">
                                                    <h4><a href="/product/right">Macbook Pro 2022</a></h4>
                                                    <h3><span>1 × </span>$3200.00</h3>
                                                </div>
                                                <div class="shopping-cart-delete">
                                                    <a href="#"><i class="far fa-times"></i></a>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="shopping-cart-footer">
                                            <div class="shopping-cart-total">
                                                <h4>Total <span>$4000.00</span></h4>
                                            </div>
                                            <div class="shopping-cart-button">
                                                <a href="/cart">View cart</a>
                                                <a href="/checkout">Checkout</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="header-action-icon-2">
                                    <a href="/auth">
                                        <img alt="wowy" src="/static/imgs/theme/icons/icon-user.svg" />
                                    </a>
                                </div>
                                <div class="header-action-icon d-block d-lg-none">
                                    <div class="burger-icon">
                                        <span class="burger-icon-top"></span>
                                        <span class="burger-icon-mid"></span>
                                        <span class="burger-icon-bottom"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div class="mobile-header-active mobile-header-wrapper-style">
            <div class="mobile-header-wrapper-inner">
                <div class="mobile-header-top">
                    <div class="mobile-header-logo">
                        <a href="/"><img src="/static/imgs/theme/logo-default.png" alt="logo" /></a>
                    </div>
                    <div class="mobile-menu-close close-style-wrap close-style-position-inherit">
                        <button class="close-style search-close">
                            <i class="icon-top"></i>
                            <i class="icon-bottom"></i>
                        </button>
                    </div>
                </div>
                <div class="mobile-header-content-area">
                    <div class="mobile-search search-style-3 mobile-header-border">
                        <form action="#">
                            <input type="text" placeholder="Search…" />
                            <button type="submit"><i class="far fa-search"></i></button>
                        </form>
                    </div>
                    <div class="mobile-menu-wrap mobile-header-border">
                        <div class="main-categori-wrap mobile-header-border">
                            <a class="categori-button-active-2" href="#"> <span class="far fa-bars"></span> Browse Categories <i class="down far fa-chevron-down"></i> </a>
                            <div class="categori-dropdown-wrap categori-dropdown-active-small">
                                <ul>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-dress"></i>Women's Clothing</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-tshirt"></i>Men's Clothing</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-smartphone"></i> Cellphones</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-desktop"></i>Computer & Office</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-cpu"></i>Consumer Electronics</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-home"></i>Home & Garden</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-high-heels"></i>Shoes</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-teddy-bear"></i>Mother & Kids</a>
                                    </li>
                                    <li>
                                        <a href="/shop/right"><i class="wowy-font-kite"></i>Outdoor fun</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- mobile menu start -->
                        <nav>
                            <ul class="mobile-menu">
                                <li class="menu-item-has-children">
                                    <span class="menu-expand"></span><a href="/">Home</a>
                                    <ul class="dropdown">
                                        <li><a href="/">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li><a href="index-4.html">Home 4</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <span class="menu-expand"></span><a href="/shop/right">shop</a>
                                    <ul class="dropdown">
                                        <li><a href="/shop/right">Shop Grid – Right Sidebar</a></li>
                                        <li><a href="/shop/left">Shop Grid – Left Sidebar</a></li>
                                        <li><a href="/shop/listRight">Shop List – Right Sidebar</a></li>
                                        <li><a href="/shop/listLeft">Shop List – Left Sidebar</a></li>
                                        <li><a href="/shop">Shop - Wide</a></li>
                                        <li class="menu-item-has-children">
                                            <span class="menu-expand"></span><a href="#">Single Product</a>
                                            <ul class="dropdown">
                                                <li><a href="/product/right">Product – Right Sidebar</a></li>
                                                <li><a href="/product/left">Product – Left Sidebar</a></li>
                                                <li><a href="/product">Product – No sidebar</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="/filter">Shop – Filter</a></li>
                                        <li><a href="/wishlist">Shop – Wishlist</a></li>
                                        <li><a href="/cart">Shop – Cart</a></li>
                                        <li><a href="/checkout">Shop – Checkout</a></li>
                                        <li><a href="/compare">Shop – Compare</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <span class="menu-expand"></span><a href="#">Mega menu</a>
                                    <ul class="dropdown">
                                        <li class="menu-item-has-children">
                                            <span class="menu-expand"></span><a href="#">Women's Fashion</a>
                                            <ul class="dropdown">
                                                <li><a href="/product/right">Dresses</a></li>
                                                <li><a href="/product/right">Blouses & Shirts</a></li>
                                                <li><a href="/product/right">Hoodies & Sweatshirts</a></li>
                                                <li><a href="/product/right">Women's Sets</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <span class="menu-expand"></span><a href="#">Men's Fashion</a>
                                            <ul class="dropdown">
                                                <li><a href="/product/right">Jackets</a></li>
                                                <li><a href="/product/right">Casual Faux Leather</a></li>
                                                <li><a href="/product/right">Genuine Leather</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <span class="menu-expand"></span><a href="#">Technology</a>
                                            <ul class="dropdown">
                                                <li><a href="/product/right">Gaming Laptops</a></li>
                                                <li><a href="/product/right">Ultraslim Laptops</a></li>
                                                <li><a href="/product/right">Tablets</a></li>
                                                <li><a href="/product/right">Laptop Accessories</a></li>
                                                <li><a href="/product/right">Tablet Accessories</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <span class="menu-expand"></span><a href="/category">Blog</a>
                                    <ul class="dropdown">
                                        <li><a href="/blog/grid">Blog Category Grid</a></li>
                                        <li><a href="/blog/list">Blog Category List</a></li>
                                        <li><a href="/blog/big">Blog Category Big</a></li>
                                        <li><a href="/category">Blog Category Wide</a></li>
                                        <li class="menu-item-has-children">
                                            <span class="menu-expand"></span><a href="#">Single Post</a>
                                            <ul class="dropdown">
                                                <li><a href="/post/left">Left Sidebar</a></li>
                                                <li><a href="/post/right">Right Sidebar</a></li>
                                                <li><a href="/post">No Sidebar</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <span class="menu-expand"></span><a href="#">Pages</a>
                                    <ul class="dropdown">
                                        <li><a href="/about">About Us</a></li>
                                        <li><a href="/contact">Contact</a></li>
                                        <li><a href="/account">My Account</a></li>
                                        <li><a href="/auth">login/register</a></li>
                                        <li><a href="/purchaseGuide">Purchase Guide</a></li>
                                        <li><a href="/privacyPolicy">Privacy Policy</a></li>
                                        <li><a href="/terms">Terms of Service</a></li>
                                        <li><a href="/error">404 Page</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <!-- mobile menu end -->
                    </div>
                    <div class="mobile-header-info-wrap mobile-header-border">
                        <div class="single-mobile-header-info">
                            <a class="mobile-language-active" href="#"
                                >Language <span><i class="far fa-angle-down"></i></span
                            ></a>
                            <div class="lang-curr-dropdown lang-dropdown-active">
                                <ul>
                                    <li><a href="#">English</a></li>
                                    <li><a href="#">French</a></li>
                                    <li><a href="#">German</a></li>
                                    <li><a href="#">Spanish</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="single-mobile-header-info mt-30">
                            <a target="_blank" href="page-location.html"> Our location </a>
                        </div>
                        <div class="single-mobile-header-info">
                            <a href="/auth">Log In / Sign Up </a>
                        </div>
                        <div class="single-mobile-header-info">
                            <a href="#">(+01) - 2345 - 6789 </a>
                        </div>
                    </div>
                    <div class="mobile-social-icon">
                        <a class="facebook" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                                <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" />
                            </svg>
                        </a>
                        <a class="twitter" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
                            </svg>
                        </a>
                        <a class="tumblr" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                                <path
                                    d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                                />
                            </svg>
                        </a>
                        <a class="instagram" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                                <path
                                    d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                                />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <main class="main">
            <div class="page-header breadcrumb-wrap">
                <div class="container">
                    <div class="breadcrumb">
                        <a href="/" rel="nofollow">Home</a>
                        <span></span> Pages <span></span> Account
                    </div>
                </div>
            </div>
            <section class="pt-150 pb-150">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-10 m-auto">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="dashboard-menu">
                                        <ul class="nav flex-column" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" id="dashboard-tab" data-bs-toggle="tab" href="#dashboard" role="tab" aria-controls="dashboard" aria-selected="false"><i class="fa fa-atom mr-15"></i>Dashboard</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="orders-tab" data-bs-toggle="tab" href="#orders" role="tab" aria-controls="orders" aria-selected="false"><i class="fa fa-shopping-basket mr-15"></i>Orders</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="track-orders-tab" data-bs-toggle="tab" href="#track-orders" role="tab" aria-controls="track-orders" aria-selected="false"
                                                    ><i class="fa fa-paper-plane mr-15"></i>Track Your Order</a
                                                >
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="address-tab" data-bs-toggle="tab" href="#address" role="tab" aria-controls="address" aria-selected="true"><i class="fa fa-map-marked mr-15"></i>My Address</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="account-detail-tab" data-bs-toggle="tab" href="#account-detail" role="tab" aria-controls="account-detail" aria-selected="true"
                                                    ><i class="fa fa-user-edit mr-15"></i>Account details</a
                                                >
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="/auth"><i class="fa fa-lock mr-15"></i>Logout</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="tab-content dashboard-content">
                                        <div class="tab-pane fade active show" id="dashboard" role="tabpanel" aria-labelledby="dashboard-tab">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5 class="mb-0">Hello Rayan!</h5>
                                                </div>
                                                <div class="card-body">
                                                    <p>
                                                        From your account dashboard. you can easily check &amp; view your <a href="#">recent orders</a>, manage your <a href="#">shipping and billing addresses</a> and
                                                        <a href="#">edit your password and account details.</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="orders" role="tabpanel" aria-labelledby="orders-tab">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5 class="mb-0">Your Orders</h5>
                                                </div>
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th>Order</th>
                                                                    <th>Date</th>
                                                                    <th>Status</th>
                                                                    <th>Total</th>
                                                                    <th>Actions</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <td>#1357</td>
                                                                    <td>March 45, 2020</td>
                                                                    <td>Processing</td>
                                                                    <td>$125.00 for 2 item</td>
                                                                    <td><a href="#" class="btn-small d-block">View</a></td>
                                                                </tr>
                                                                <tr>
                                                                    <td>#2468</td>
                                                                    <td>June 29, 2020</td>
                                                                    <td>Completed</td>
                                                                    <td>$364.00 for 5 item</td>
                                                                    <td><a href="#" class="btn-small d-block">View</a></td>
                                                                </tr>
                                                                <tr>
                                                                    <td>#2366</td>
                                                                    <td>August 02, 2020</td>
                                                                    <td>Completed</td>
                                                                    <td>$280.00 for 3 item</td>
                                                                    <td><a href="#" class="btn-small d-block">View</a></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="track-orders" role="tabpanel" aria-labelledby="track-orders-tab">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5 class="mb-0">Orders tracking</h5>
                                                </div>
                                                <div class="card-body contact-from-area">
                                                    <p>To track your order please enter your OrderID in the box below and press "Track" button. This was given to you on your receipt and in the confirmation email you should have received.</p>
                                                    <div class="row">
                                                        <div class="col-lg-8">
                                                            <form class="contact-form-style mt-30 mb-50" action="#" method="post">
                                                                <div class="input-style mb-20">
                                                                    <label>Order ID</label>
                                                                    <input name="order-id" placeholder="Found in your order confirmation email" type="text" class="square" />
                                                                </div>
                                                                <div class="input-style mb-20">
                                                                    <label>Billing email</label>
                                                                    <input name="billing-email" placeholder="Email you used during checkout" type="email" class="square" />
                                                                </div>
                                                                <button class="submit submit-auto-width" type="submit">Track</button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="address" role="tabpanel" aria-labelledby="address-tab">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="card mb-3 mb-lg-0">
                                                        <div class="card-header">
                                                            <h5 class="mb-0">Billing Address</h5>
                                                        </div>
                                                        <div class="card-body">
                                                            <address>
                                                                3522 Interstate<br />
                                                                75 Business Spur,<br />
                                                                Sault Ste. <br />Marie, MI 49783
                                                            </address>
                                                            <p>New York</p>
                                                            <a href="#" class="btn-small">Edit</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h5 class="mb-0">Shipping Address</h5>
                                                        </div>
                                                        <div class="card-body">
                                                            <address>
                                                                4299 Express Lane<br />
                                                                Sarasota, <br />FL 34249 USA <br />Phone: 1.941.227.4444
                                                            </address>
                                                            <p>Sarasota</p>
                                                            <a href="#" class="btn-small">Edit</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="account-detail" role="tabpanel" aria-labelledby="account-detail-tab">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5>Account Details</h5>
                                                </div>
                                                <div class="card-body">
                                                    <p>Already have an account? <a href="/auth">Log in instead!</a></p>
                                                    <form method="post" name="enq">
                                                        <div class="row">
                                                            <div class="form-group col-md-6">
                                                                <label>First Name <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="name" type="text" />
                                                            </div>
                                                            <div class="form-group col-md-6">
                                                                <label>Last Name <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="phone" />
                                                            </div>
                                                            <div class="form-group col-md-12">
                                                                <label>Display Name <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="dname" type="text" />
                                                            </div>
                                                            <div class="form-group col-md-12">
                                                                <label>Email Address <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="email" type="email" />
                                                            </div>
                                                            <div class="form-group col-md-12">
                                                                <label>Current Password <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="password" type="password" />
                                                            </div>
                                                            <div class="form-group col-md-12">
                                                                <label>New Password <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="npassword" type="password" />
                                                            </div>
                                                            <div class="form-group col-md-12">
                                                                <label>Confirm Password <span class="required">*</span></label>
                                                                <input required="" class="form-control square" name="cpassword" type="password" />
                                                            </div>
                                                            <div class="col-md-12">
                                                                <button type="submit" class="btn btn-fill-out submit" name="submit" value="Submit">Save</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <footer class="main">
            <section class="newsletter bg-brand p-30 text-white wow fadeIn animated">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-7 mb-md-3 mb-lg-0">
                            <div class="row align-items-center">
                                <div class="col flex-horizontal-center">
                                    <img class="icon-email" src="/static/imgs/theme/icons/icon-email.svg" alt="" />
                                    <h4 class="font-size-20 mb-0 ml-3">Sign up to Newsletter</h4>
                                </div>
                                <div class="col my-4 my-md-0">
                                    <h5 class="font-size-15 ml-4 mb-0">...and receive <strong>$25 coupon for first shopping.</strong></h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <!-- Subscribe Form -->
                            <form class="form-subcriber d-flex wow fadeIn animated">
                                <input type="email" class="form-control bg-white font-small" placeholder="Enter your email" />
                                <button class="btn bg-dark text-white" type="submit">Subscribe</button>
                            </form>
                            <!-- End Subscribe Form -->
                        </div>
                    </div>
                </div>
            </section>
            <section class="section-padding-60">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <div class="widget-about font-md mb-md-5 mb-lg-0">
                                <div class="logo logo-width-1 wow fadeIn animated">
                                    <a href="/"><img src="/static/imgs/theme/logo-default.png" alt="logo" /></a>
                                </div>
                                <h4 class="mt-20 mb-10 fw-600 text-grey-4 wow fadeIn animated">Contact</h4>
                                <p class="wow fadeIn animated"><strong>Address: </strong>562 Wellington Road, Street 32, San Francisco</p>
                                <p class="wow fadeIn animated"><strong>Phone: </strong>+01 2222 365 /(+91) 01 2345 6789</p>
                                <p class="wow fadeIn animated"><strong>Hours: </strong>10:00 - 18:00, Mon - Sat</p>
                                <h4 class="mb-10 mt-20 fw-600 text-grey-4 wow fadeIn animated">Follow Us</h4>
                                <div class="mobile-social-icon wow fadeIn animated mb-sm-5 mb-md-0">
                                    <a class="facebook" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                                            <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" />
                                        </svg>
                                    </a>
                                    <a class="twitter" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                            <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
                                        </svg>
                                    </a>
                                    <a class="tumblr" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                                            <path
                                                d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                                            />
                                        </svg>
                                    </a>
                                    <a class="instagram" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                                            <path
                                                d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                                            />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3">
                            <h5 class="widget-title mb-30 wow fadeIn animated">About</h5>
                            <ul class="footer-list wow fadeIn animated mb-sm-5 mb-md-0">
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Delivery Information</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Terms &amp; Conditions</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-2 col-md-3">
                            <h5 class="widget-title mb-30 wow fadeIn animated">My Account</h5>
                            <ul class="footer-list wow fadeIn animated">
                                <li><a href="#">Sign In</a></li>
                                <li><a href="#">View Cart</a></li>
                                <li><a href="#">My Wishlist</a></li>
                                <li><a href="#">Track My Order</a></li>
                                <li><a href="#">Help</a></li>
                                <li><a href="#">Order</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-4">
                            <h5 class="widget-title mb-30 wow fadeIn animated">Download Our App</h5>
                            <div class="row">
                                <div class="col-md-8 col-lg-12">
                                    <p class="wow fadeIn animated">From App Store or Google Play</p>
                                    <div class="download-app wow fadeIn animated">
                                        <a href="#" class="hover-up mb-sm-4"><img src="/static/imgs/theme/app-store.jpg" alt="" /></a>
                                        <a href="#" class="hover-up"><img src="/static/imgs/theme/google-play.jpg" alt="" /></a>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-12">
                                    <p class="mb-20 wow fadeIn animated mt-md-3">Secured Payment Gateways</p>
                                    <img class="wow fadeIn animated" src="/static/imgs/theme/payment-method.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="container pb-20 wow fadeIn animated">
                <div class="row">
                    <div class="col-12 mb-20">
                        <div class="footer-bottom"></div>
                    </div>
                    <div class="col-lg-6">
                        <p class="float-md-left font-sm text-muted mb-0">&copy; 2025, <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                    </div>
                    <div class="col-lg-6">
                        <p class="text-lg-end text-start font-sm text-muted mb-0"> All rights reserved.</p>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Preloader Start -->
        <div id="preloader-active">
            <div class="preloader d-flex align-items-center justify-content-center">
                <div class="preloader-inner position-relative">
                    <div class="text-center">
                        <img class="jump" src="/static/imgs/theme/favico.svg" alt="" />
                        <h5 class="mb-5">Now Loading</h5>
                        <div class="loader">
                            <div class="bar bar1"></div>
                            <div class="bar bar2"></div>
                            <div class="bar bar3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Vendor JS-->
        <script src="/static/js/vendor/modernizr-3.6.0.min.js"></script>
        <script src="/static/js/vendor/jquery-3.7.1.min.js"></script>
        <script src="/static/js/vendor/jquery-migrate-3.3.0.min.js"></script>
        <script src="/static/js/vendor/bootstrap.bundle.min.js"></script>
        <script src="/static/js/plugins/slick.js"></script>
        <script src="/static/js/plugins/jquery.syotimer.min.js"></script>
        <script src="/static/js/plugins/wow.js"></script>
        <script src="/static/js/plugins/jquery-ui.js"></script>
        <script src="/static/js/plugins/perfect-scrollbar.js"></script>
        <script src="/static/js/plugins/magnific-popup.js"></script>
        <script src="/static/js/plugins/select2.min.js"></script>
        <script src="/static/js/plugins/waypoints.js"></script>
        <script src="/static/js/plugins/counterup.js"></script>
        <script src="/static/js/plugins/jquery.countdown.min.js"></script>
        <script src="/static/js/plugins/images-loaded.js"></script>
        <script src="/static/js/plugins/isotope.js"></script>
        <script src="/static/js/plugins/scrollup.js"></script>
        <script src="/static/js/plugins/jquery.vticker-min.js"></script>
        <!-- Template  JS -->
        <script src="/static/js/main.js?v=5.4"></script>
    </body>
</html>
